<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>html5基础语法</title>
	</head>
	<body bgcolor="red-1">
		<!-- 叫法：标记，元素，
		<W3C规定单词：特殊含义，表示页面效果
		标记分为：前标记，后标记
		元素：前标记+后标记+内容{元素之间可以互相嵌套}
		 -->
		 <p>内容</p>
		 <!-- body主题区域：文本，图片，超链接，表格...-->
		 <!-- 文本元素群 -->
		 <!-- 1.特殊文本{实业/休字符} 
		     &copy;  代表  版权
			 &reg;   代表  商标
			 &lt;   代表  小于号
			 &gt;  代表   大于号
			 &nbsp;   代表   一个空格
		 -->
		  &copy;版权
		  &reg; 商标
		  &lt;小于号
		  &gt;大于号
		  &nbsp; 一个空格
		  <!-- 2.假文{占位符}-->
		  Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut aspernatur ipsa repellendus porro corporis expedita nostrum dicta aliquid necessitatibus adipisci, neque ab praesentium perspiciatis minus. Quod vero doloremque mollitia illum?
		  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem, nihil! Officiis, tempora. Harum, doloremque deserunt? Nihil a laborum non error quasi quos, molestias deserunt earum eligendi illo soluta alias eius.
		  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea at ex provident, quod enim quam perspiciatis animi assumenda. Voluptatem autem odio iusto assumenda earum amet laudantium soluta repellendus sunt quod?
		  <!-- 3.文本样式元素：精灵图-->
		  <i>文本倾斜</i>
		  <b>文本加粗</b>
		  <u>文本下划线</u>
		  <del>文本删除线html4.0</del>
		  <s>文本删除线html5.0</s>
		  2<sup>2</sup>    上标{右上角}
		  文言文<sub>解释</sub>  下标{右下角}
		  <!-- 4.标题元素：加粗放大    h1~h6-->
		  <h1>标题元素</h1>
		<h1>标题元素</h1>
		<h2>标题元素</h2>
		<h3>标题元素</h3>
		<h4>标题元素</h4>
		<h5>标题元素</h5>
		<h6>标题元素</h6>
		<!-- 5.分割线元素和换行元素 ：非封闭型{空/单}标记
		元素分为：封闭性{双}标记和非封闭性{空/单}标记
		非封闭型{空/单}标记：br  hr  写法<hr />
		                            html5 简洁写法<hr>
		-->
		<hr />
		换行<br>换行
		<!-- 6.跑马灯元素 -->
		<marquee>滚滚长江东逝水</marquee>
		<!-- 7.预格式化元素 pre元素：放进入是什么，显示什么 -->
		 <p>     <pre>
			               静夜思
				   床前明月光，疑是地上霜
				   举头望明月，低头思故乡
				   
		</pre>       </p>
		<!-- 需求：文本加粗并且倾斜 {嵌套} -->
		 <b><i>lorem</i></b> 
		 <!-- 8.段落元素-->
		 <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Deserunt ab fugit iusto autem praesentium adipisci minus placeat fuga! Reprehenderit quis quia libero amet labore possimus expedita provident laborum ullam facere!</p>
		 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim, dolorum. Tempora iusto, porro temporibus in odit nemo quas laborum ipsam. Laborum incidunt asperiores odio magni libero reprehenderit temporibus velit quaerat.</p>  
		   
	</body>
</html>